<div class="section section-background-darkest-blue">
    <div class="section-content">
        <div class="row">
            <div class="col-xs-12 col-sm-6 col-lg-8">
                <h5>{{ site.footer.title }}</h5>
                <p>{{ site.footer.content }}</p>
            </div>
            <div class="col-xs-12 col-sm-6 col-lg-3 offset-lg-1">
                <p><strong>{{ site.footer.cta_title }}</strong></p>
                <a href="{{ site.footer.cta_url }}" class="btn btn-outline-light">{{ site.footer.cta_text }}</a>
            </div>
        </div>
    </div>
</div>

<footer class="section site-footer">
    <div class="section-content">
        <div class="row justify-content-between align-items-center">
            <div class="col-12 col-md-5 mb-3 mb-md-0">
                <ul class="social-links text-center text-md-left">
                    {% for link in site.footer_social_links %}
                    <li>
                      {% if link[1].fa_icon %}
                      <i class="{{ link[1].fa_icon }} fa-lg fa-fw mr-1"></i>
                      {% endif %}
                      <a href="{{ link[1].url }}" alt="{{ link[1].url }}">{{ link[0] }}</a></li>
                    {% endfor %}
                </ul>
            </div>
            <div class="col-12 col-md-7 text-center text-md-right">
              <a href="/" aria-label="Contour homepage"><img src="/img/{{ site.logo }}" alt="Homepage" class="logo" /></a>
            </div>
        </div>
        <div class="row align-items-center">
          <div class="col copyright text-center text-md-left mt-4">
            &copy; Project Contour Authors
            <br />
            &copy; {{ 'now' | date: "%Y" }} <a href="https://linuxfoundation.org" target="_blank">The Linux Foundation</a>. All rights reserved. The Linux Foundation has registered trademarks and uses trademarks. For a list of trademarks of The Linux Foundation, please see our <a href="https://linuxfoundation.org/trademark-usage" target="_blank">Trademark Usage</a> page.
        </div>
    </div>
</footer>

<!-- JS -->
<script defer src="https://use.fontawesome.com/releases/v5.0.8/js/all.js" integrity="sha384-SlE991lGASHoBfWbelyBPLsUlwY1GwNDJo3jSJO04KZ33K2bwfV9YBauFfnzvynJ"
    crossorigin="anonymous"></script>
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
    crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
    crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/4.2.2/anchor.min.js" integrity="sha512-I7w3ZdSFzw5j3jU3ZkNikBNeIrl3i+hEuEdwNmqUJvwNcaBUNcijnP2gd9DtGlgVYDplfjGoD8vTNsID+lCjqg=="
    crossorigin="anonymous"></script>

<script src="/js/jquery.matchHeight.js?{{site.time | date: '%s%N'}}"></script>
<script src="/js/scripts.js?{{site.time | date: '%s%N'}}"></script>
<script src="/js/toc.js?{{site.time | date: '%s%N'}}"></script>

<!-- https://github.com/ghiculescu/jekyll-table-of-contents -->
<script type="text/javascript">
$(document).ready(function() {
    $('#toc').toc({
        headers: '{{page.toc}}',
        title: '',
        listType: 'ul',
    });
});
</script>

<!-- https://github.com/bryanbraun/anchorjs -->
<script>
    anchors.add();
</script>
